$def with (version)
$var title: Dashboard
$var version: $version
<div id="groups-wrapper">
	<!-- Groups' toolbar -->
	<div id="groups-toolbar" class="ui-widget-content ui-corner-all">
		<button id="new_group" title="Create a new group" class="with-icon ui-state-default ui-corner-all">
			<span class="ui-icon ui-icon-plusthick"></span>New group
		</button>
		<button id="expandAll" title="Expand all groups" class="with-icon ui-state-default ui-corner-left">
			<span class="ui-icon ui-icon-folder-open"></span>Expand all
		</button>
		<button id="collapseAll" title="Collapse all groups" class="with-icon ui-state-default ui-corner-right">
			<span class="ui-icon ui-icon-folder-collapsed"></span>Collapse all
		</button>
		<!-- Search host -->
        <span id="search-host">Search <input class="ui-widget-content" name="searchHost" placeholder="Hostname"></span>
	</div>
	<!-- Groups -->
	<div id="groups">
	</div>
</div>

<div id="hosts-wrapper" style="display:none">
	<!-- Hosts' toolbar -->
	<div id="hosts-toolbar" class="ui-widget-content ui-corner-all">
		<div class="filter">View :  
            <button title="View all tunnels" class="view_all ui-state-default ui-state-active ui-corner-left">ALL</button> 
            <button title="View tunnels ON only" class="view_on ui-state-default">Tunnel ON</button> 
            <button title="View tunnels OFF only" class="view_off ui-state-default ui-corner-right">Tunnel OFF</button> 
        </div>
	</div>
	<!-- hosts -->
	<div id="hosts">
		<table>
			<thead class="ui-widget-header">
				<th>Status</th>
				<th>Hostname</th>
				<th>Group</th>
				<th>Tunneling to</th>
				<th>Tunnel key</th>
				<th>Last request</th>
				<th>Last log message</th>
				<th>&nbsp;</th>
				<th>&nbsp;</th>
			</thead>
			<tbody>
			</tbody>
		</table>
	</div>
</div>
